<template>
  <div class="router-content">
    <div class="mian-header">添加食堂</div>
    <div class="main-content">
      进入食堂设置，选择食堂，点击右上角“添加食堂”如下图所示。
      <img src="/static/imgs/canteen/canteen_1.png"/>
      弹出编辑食堂信息对话框，如下图所示，填写食堂信息（名称、城市、经营模式、经营场所、描述）填写完成之后点击提交，即添加食堂成功。
      <img src="/static/imgs/canteen/canteen_2.png"/>
    </div>
    <div class="mian-header">修改食堂信息</div>
    <div class="main-content">
      食堂创建成功之后，点击右边的“编辑”按钮，如下图所示，
      <img src="/static/imgs/canteen/canteen_3.png"/>
      弹出食堂信息对话框，如下图所示，可以修改食堂信息，修改完成之后点击提交，即修改食堂信息成功。
      <img src="/static/imgs/canteen/canteen_4.png"/>
    </div>
    <div class="mian-header">搜索食堂</div>
    <div class="main-content">
      输入想要搜索的食堂名称在搜索框内，点击查询，即可出现该食堂。
      <img src="/static/imgs/canteen/canteen_5.png"/>
    </div>
  </div>
</template>

<script>
import Bus from '@/assets/bus'
export default {
  name: 'index',
  data () {
    return {
      menus: []
    }
  },
  created () {
    this.menus = this.$route.matched
    Bus.$emit('menus', this.menus)
    // console.log(this.$route.matched)
  }
}
</script>
<style>
</style>
